<template>
    <div style="background-color: white; height: 40px; margin: 5px">
        <div :style="{width: innerWidth}" style="display: flex; justify-content: space-between; align-items: center; background-color: #44b549; height: 100%; color: white; width: 140px">
            <span style="margin-left: 5px">
                <slot name="left">{{left}}</slot>
            </span>
            <span style="margin-right: 5px">
                <slot name="right">{{right}}</slot>
            </span>
        </div>
    </div>
</template>

<script>
    export default {
        name: 'mu-progress',
        props: {
            innerWidth: [String, Number],
            left:[String, Number],
            right:[String, Number],
        },

    }

</script>

<style>


</style>
